<template>
	<div class="right-content">
		<div class="top-box">
			<databox :title="'小区设施'" :dheight="720">
        <div class="mark-wrapper">
          <dmark :name="'便民服务大厅'" :is-true="pointStatistic.bmfwdt"></dmark>
          <dmark :name="'治安警务室'" :is-true="pointStatistic.znjws"></dmark>
          <dmark :name="'农耕小菜园'" :is-true="pointStatistic.ngxcy"></dmark>
          <dmark :name="'党群活动室'" :is-true="pointStatistic.dqhds"></dmark>
          <dmark :name="'技能培训室'" :is-true="pointStatistic.jnpsx"></dmark>
          <dmark :name="'党组织'" :is-true="pointStatistic.dzz"></dmark>
          <dmark :name="'小区卫生室'" :is-true="pointStatistic.xqwss"></dmark>
          <dmark :name="'图书馆'" :is-true="pointStatistic.tsg"></dmark>
          <dmark :name="'居委会'" :is-true="pointStatistic.jwh"></dmark>
          <dmark :name="'便民超市'" :is-true="pointStatistic.bmcs"></dmark>
          <dmark :name="'纠纷调解室'" :is-true="pointStatistic.jftjs"></dmark>
          <dmark :name="'团组织'" :is-true="pointStatistic.tzz"></dmark>
          <dmark :name="'群众文体广场'" :is-true="pointStatistic.qzwtgc"></dmark>
          <dmark :name="'门卫室'" :is-true="pointStatistic.mws"></dmark>
          <dmark :name="'妇女小组'" :is-true="pointStatistic.fnxz"></dmark>
        </div>
			</databox>
		</div>
	</div>
</template>

<script>
import message from './message'
import dmark from './dmark'
export default {
  components:{
  	message,
    dmark
  },
  props: {
    pointStatistic:Object
  },
  data(){
  	return{

  	}
  },
  created(){
  // this.getData(this.username)
  },
  methods:{

    },
  watch:{

  }
}
</script>

<style lang="scss">
	.right-content{
		width: 100%;
		height: 100%;
		.top-box{
			padding-bottom: 40px;
      .mark-wrapper{
        min-width: 331px;
        height: 695px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
      }
			.messege{
				padding-top:20px ;
			}
		}
	}
</style>
